body,html{

    font-family: 微软雅黑;

}

a:hover{

    text-decoration: none;

    color: #333;

}

.logo_box{

    display: block;

    height: 70px;

}

.logo_box>img{

    height: 100%;

}

.banner{

    background: #24272c;

}

.banner .navbar-default{

    background-color: #24272c;

    border:0;

}

.banner .navbar-nav>li>a{

    padding: 0 28px;

    line-height: 70px;

    color: #fff;

    font-size: 16px;

}

.banner .navbar-nav>li>a> span{

    padding: 10px 0;

    transition: all .3s;

}

.banner .navbar-nav>li>a:hover span{

    box-shadow: 0 2px 0 0 #019E97;

    color: #019E97;

}

.navactive{

    box-shadow: 0 2px 0 0 #019E97;

    color: #019E97;

}

.banner .navbar{

    margin-bottom: 0;

}

.banner .navbar-brand{

    padding: 0;

    height: auto;

}

.banner .navbar-brand>img{

    width: 100%;

    display: block;

}

.banner .navbar{

    padding: 20px 0;

}

.banner_img img{

    margin: 0 auto;

}

.ad_box{

    width: 100%;

    height: 36px;

    background: #FCFCFC;

    display: flex;

    justify-content: left;

    align-items: center;

    padding-left: 10px;

    overflow: hidden;

}

.ad_title{

    font-size: 14px;

    color: #5B5B5E;

    display: flex;

    align-items: center;

}

.ad_title span{

    font-size: 20px;

    margin-right: 8px;

}

.ad_info{

    position: relative;

    height: 36px;

}

.ad_info_box div{

    line-height: 36px;

}

.hoem_product_box{

    margin-top: 120px;

}

.hoem_product_title{

    display: flex;

    justify-content: center;

    align-items: center;

}

.hoem_product_title>span{

    display: block;

    width: 150px;

    height: 1px;

    background: #EEEEEE;

}

.hoem_product_title>div{

    margin: 0 14px;

    text-align: center;

}

.hoem_product_title>div>p{

    font-size: 20px;

    letter-spacing: 2px;

}

.hoem_product_title>div>span{

    color: #C9C9CA;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.hoem_product_big_img{

    width: 100%;

}

.hoem_product_big_img ul{

    position: relative;

    overflow: hidden;

    /*height: 600px;*/

    border-radius: 14px;

}

.hoem_product_big_img ul li{

    float: left;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /*height: 600px;*/

}

.hoem_product_big_img li img{

    width: 100%;

}

.hoem_product_small_img{

    margin-top: 20px;

}

.hoem_product_small_img ul{

    display: flex;

    justify-content: space-between;

}

.hoem_product_small_img ul li{

    width: 32%;

    border-radius: 14px;

    overflow: hidden;

    transition: all .3s;

}

.hoem_product_img_list{

    margin-top: 50px;

}

.hoem_product_subscript{

    margin-top: 50px;

}

.hoem_product_subscript ul{

    display: flex;

    justify-content: center;

}

.hoem_product_subscript ul li{

    width: 32px;

    height: 10px;

    background: #BBBBBB;

    border-radius: 4px;

    margin: 0 6px;

    box-sizing: content-box;

    transition: all .3s;

}



.hoem_product_subscript_active{

    padding: 0 10px;

    background: #01B6AE !important;

}

.hoem_product_small_img_active{

    box-shadow: 0 0 0 4px #01b6ae;

}

.hoem_product_big_img_list>li{

    display: none;

    transition: all .3s;

}

.hoem_product_big_img_list_active{

    display: block !important;

}

.view_more a{

    display: block;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 40px;

    font-size: 14px;

}

.view_more span{

    color: #019E97;

    font-size: 20px;

}

.hoem_about_us_box{

    margin-top: 140px;

}

.video_box{

    width: 700px;

    height:376px;

    margin: 0 auto;

}

.video_box>video{

    width: 100%;

    height: 376px;

}

.hoem_about_us_cont{

    position: relative;

}

.video_box{

    position: absolute;

    left: 50%;

    margin-left: -350px;

    top: 12%;

}

.hoem_case{

    background: #01B6AE;

    padding: 100px 0;

}

.hoem_case_left{

    width: 40%;

}

.hoem_case_right{

    width: 40%;

}

.hoem_case_container{

    display: flex;

    justify-content: space-between;

}

.hoem_case_left>h4{

    color: #fff;

    font-size: 22px;

    letter-spacing: 1px;

}

.hoem_case_left>p{

    font-size: 16px;

    color: #fff;

    line-height: 24px;

    margin-top: 40px;

    text-align: justify;

    letter-spacing: 1px;

}

.more_about{

    width: 100px;

    height: 36px;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 2px;

    background: #FFF45C;

    color: #424242;

    margin-top: 40px;

}

.more_about>span{

    color: #019E97;

}

.hoem_case_right{

    border-radius: 14px;

    overflow: hidden;

}

.hoem_case_right img{

    width: 100%;

}

.hoem_news_list{

    position: relative;

    overflow: hidden;

    border-radius: 14px;

    margin-top: 50px;

}

.hoem_news_list_box{

  position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    justify-content: space-between;

}

.hoem_news_list>div div{

    width: 33.4%;

    padding: 40px 46px 40px 68px;

    background: rgba(000,000,000,.6);

    position: relative;

}

.hoem_news_list>div div:after{

    content: '';

    position: absolute;

    top: 10px;

    bottom: 10px;

    right: 0;

    width: 1px;

    background: #fff;

}

.hoem_news_list>div div:last-child:after{

    display: none;

}

.hoem_news_list_box>div h4{

    color:#A8A8A8;

    font-size: 16px;

    line-height: 22px;

    position: relative;

    transition: all .3s;

}

.hoem_news_list_box>div h4:after{

    content: '';

    position: absolute;

    top: 6px;

    left: -20px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #fff;

}

.hoem_news_list_box>div p{

    color: #8D8D8D;

    font-size: 14px;

    line-height: 22px;

    margin-top: 10px;

    transition: all .3s;

}

.hoem_news_list_box>div:hover h4{

    color: #fff;

}

.hoem_news_list_box>div:hover p{

    color: #a8a8a8;

}

.hoem_news_box{

    margin-top: 140px;

}

.hoem_cooperation_list>div{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.hoem_cooperation_list>div div{

    width: 10%;

    border-radius: 50%;

    box-shadow: 0 0 10px 1px #eee;

    overflow: hidden;

    margin-bottom: 40px;

}

/*.tmdhoem_cooperation_list>div div a img{

    border-radius: 50%;

    box-shadow: 0 0 10px 1px #eee;

    overflow: hidden;

    margin-bottom: 40px;

}*/

.hoem_cooperation_list>div div img{

    width: 100%;

}

.hoem_cooperation_list{

    margin-top: 50px;

}

.hoem_cooperation_box{

    margin-top: 140px;

}

.footer{

    background: #333333;

}
.footer_img{
    width: 120px
}
.footer_img img{
    width: 100%;
    display: block;
}

.footer_nav_list_box{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding-top: 60px;

    padding-bottom: 30px;

    align-items: center;

    border-bottom: 1px solid #5D5D5D;

}

.footer_nav_list a{

    color: #CDCDCD;

    font-size: 15px;

    margin-right: 20px;

}

.footer_copyright{

    display: flex;

    justify-content: space-between;

}

.footer_copyright>div{

    font-size: 14px;

    color: #CDCDCD;

    padding: 50px 0;

}

.hoem_news_list>img{

    width: 100%;

}

/*首页结束*/

/*产品中心*/

.banner_product,.banner_product .navbar-default{

    background: #fff;

}

.banner_product .navbar-nav>li>a{

    color:#3e3e3e

}

.product_list_box{

    background: #f7f6f6;

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 50px;

}

.product_search_box{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 20px;

}

.product_search_box>div{



}

.product_search_box .ad_box{

    background: #fff;

    width: 60%;

    border-radius: 4px;

}

.product_search{

    width: 30%;

    height: 36px;

    background: #fff;

    border-radius: 4px;

    display: flex;

    align-items: center;

}

.product_search span{

    color: #afafaf;

    display: block;

    width: 20%;

    text-align: center;

}

.product_search input{

    border: none;

    height: 36px;

    font-size: 14px;

    color: #333;

    width: 80%;

}

.product_search input::-webkit-input-placeholder{

    color: #afafaf;

}

.breadcrumb_box{

    display: flex;

    align-items: center;

    margin-top: 26px;

    color: #9b9b9b;

    font-size: 14px;

}

.breadcrumb_box .breadcrumb{

    margin-bottom: 0;

}

.breadcrumb_box .breadcrumb a{

    color: #9b9b9b;

}

.breadcrumb>.active{

    color: #333;

}

.product_type_box{

    margin-top:22px;

}

.product_type_title{

    display: flex;

    justify-items: center;

}

.product_type_title>div{

   padding: 0 2%;

    color: #000;

    font-size: 15px;

    cursor: pointer;

}

.product_type_title>div span{

    position: relative;

    padding-bottom: 6px;

    transition: all .3s;

}

.product_type_title>div:hover span{

    color: #019e97;

}

.product_type_title>div:hover span:after{

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    width: 16px;

    background: #019e97;

    border-radius: 1px;

}

.product_type_title_active{

    position: relative;

    color: #019e97;

}

.product_type_title_active:after{

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    width: 16px;

    background: #019e97;

    border-radius: 1px;

}

.product_type_title_nav{

    background: #fff;

    border-radius: 4px;

    margin-top: 20px;

}

.product_type_list{

    display: none;

}

.product_type_list ul {

    display: flex;

    align-items: center;

}

.product_type_list ul li{

    line-height: 36px;

    padding: 0 2%;

    font-size: 14px;

    color: #595959;

}

.product_type_list_active{

    display: block;

}

.product_type_list span{

    padding-bottom: 6px;

}

.product_all{

    margin-top: 38px;

}

.product_list_ul .thumbnail{

    border: none;

    padding: 0;

}

.product_list_ul .thumbnail>div{

    padding: 10px 16px;

}

.product_info{

    border-bottom: 1px solid #f7f6f6;

}

.product_info p{

    font-size: 16px;

    color: #000;

    font-family: 萍方-简;

    letter-spacing: 1px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.product_info span{

    color: #8e8e8e;

    display: block;

    font-size: 14px;

    margin-top: 6px;

}

.product_price{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px 16px 16px !important;

}

.product_price p{

    color: red;

    font-size: 16px;

    font-family: ".PingFang SC";

    letter-spacing: 1px;

}

.product_price a{

    display: block;

    width: 100px;

    height: 30px;

    background: red;

    border-radius: 2px;

    color: #fff;

    text-align: center;

    line-height: 30px;

    letter-spacing: 1px;

}

.product_pagination_box{

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 30px;

}

.product_pagination_box>span{

    width: 40px;

    height: 40px;

    border-radius: 4px;

    text-align: center;

    line-height: 40px;

    color: #b4b4b4;

    border: 1px solid #dcdcdc;

    background: #fff;

    cursor: pointer;

    box-sizing: border-box;

    margin: 0 2px;

    top: 0;

}

.pag_list{

    display: flex;

}

.pag_list a{

    width: 40px;

    height: 40px;

    border-radius: 4px;

    text-align: center;

    line-height: 40px;

    color: #b4b4b4;

    border: 1px solid #dcdcdc;

    background: #fff;

    margin: 0 2px;

}

.pag_list_active{

    background: #1dc5bd !important;

    color: #fff!important;

    border-color: #1dc5bd!important;

}

.product_activity{

    display: flex;

    justify-content: space-between;

    margin-top: 50px;

}

.product_activity div{

    width: 49%;

    border-radius: 4px;

    overflow: hidden;

}

.product_recommend_box{

    margin-top: 50px;

}

.product_recommend_title{

    margin-bottom: 40px;

    display: flex;

    justify-content: center;

}

.product_case_box{

    background: #4fcdc8;

    border-radius: 10px;

    padding-top: 30px;

    padding-bottom: 20px;

    margin-top: 40px;

    margin-bottom: 60px;

}

.product_case_title{

    text-align: center;

}

.product_case_title>h3{

    font-size: 22px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600;

    letter-spacing: 1px;

}

.product_case_title>p{

    font-size: 14px;

    color: #fff;

    letter-spacing: 1px;

}

.swiper_list{

    display: block;

    border-radius: 8px;

    overflow: hidden;

    transition: all .3s;

}

.swiper_img{

    width: 100%;

    height: auto;

}

.swiper_info{

    padding: 20px 10px 24px 10px;

    text-align: left;

    background: #349e9a;

    transition: all .3s;

}

.swiper_info>h4{

    font-size: 15px;

    color: #fff;

    margin-bottom: 10px;

}

.swiper_info>p{

    font-size: 13px;

    color: #fff;

    font-weight: 100;

}

.swiper-container_box{

    margin-top: 40px;

}

.product_case_box .swiper-container-horizontal>.swiper-pagination-bullets{

    display: none;

}

.product_case_more{

    display: flex;

    justify-content: center;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

    margin-top: 30px;

}

.product_case_more a{

    color: #fff;

}

.swiper-container_box .swiper-container{

    padding-bottom: 10px;

}

.swiper_list:hover{

    box-shadow: 0 3px 12px -6px #000;

}

/*产品中心结束*/

/*成功案例*/

.case_type_list{

    display: flex;

    flex-wrap: wrap;

}

.case_type_list div{

    padding: 6px 0;

    margin-right: 12px;

    background: #e5e5e5;

    cursor: pointer;

    border-radius: 2px;

    transition: all .3s;

    font-size: 14px;

    width: 84px;

    text-align: center;

}

.case_type_list div:hover{

    background: #019e97;

    color: #fff;

}

.case_type_list_active{

    background: #019e97 !important;

    color: #fff;

}

.case_type_list_active a{

    background: #019e97 !important;

    color: #fff;

}

.case_type_list div:last-child{

    margin-right: 0;

}

.case_type_box{

    margin-top: 14px;

}

.case_list_box{

    margin-top: 20px;

}

.case_info{

    position: relative;

    overflow: hidden;

}

.case_list_box .thumbnail{

    border-radius: 0;

    box-shadow: 0 0 10px -3px #ccc;

}

.case_info_tetx{

    background: rgba(000,000,000,.6);

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 100%;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    transition: all .3s;

}

.product_info_title{

    background: rgba(000,000,000,.6);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    letter-spacing: 2px;

    transition: all .3s;

}

.case_info_tetx p{

    font-size: 16px;

    color: #fff;

    line-height:40px;

}

.case_info_tetx span{

    font-size: 12px;

    color: #fff;

    margin-top: 0;

    font-weight: 100;

}

.case_info_tetx a{

    display: block;

    height: 34px;

    line-height: 34px;

    width: 100px;

    text-align: center;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 2px;

    margin:  30px auto 0;

}

.case_info_div p,.case_info_div span{

    letter-spacing: 2px;

}

.case_info:hover .product_info_title{

    bottom: -40px;

}

.case_info:hover .case_info_tetx{

    bottom: 0;

}

.news_content,.news_list_box{

    background: #fff;

    margin-top: 40px;

    box-shadow: 0px 0px 10px 0px #ccc;

}

.news_text_box{

    padding: 40px 50px;

}

.news_text_title{

    font-size: 20px;

    color: #000;

    padding-left: 10px;

    position: relative;

}

.news_text_title:after{

    content: '';

    position: absolute;

    top: 1px;

    bottom: 3px;

    width: 4px;

    left: 0;

    background: #019e97;

}

.news_text_time{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 12px;

    color: #999999;

    font-size: 13px;

}

.news_text_time span{

    margin-right: 6px;

}

.news_text{

    font-size: 14px;

    color: #202020;

    line-height: 22px;

    margin-top: 40px;

    text-indent: 2em;

    text-align: justify;

}

.news_release_name{

    display: flex;

    align-items: center;

    margin-top: 40px;

    color: #393939;

}

.news_release_name div{

    width: 40px;

    height: 40px;

    border-radius: 50%;

    overflow: hidden;

    margin-right: 10px;

}

.news_release_name div img{

    width: 100%;

    height: 100%;

}

.news_text_img img{

    width: 100%;

}

.news_list{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 40px 60px;

    border-bottom: 1px solid #f7f6f6;

}

.news_list:last-child{

    border-bottom: 0;

}

.news_list_img{

    width: 22%;

    border-radius: 6px;

    overflow: hidden;

}

.news_list_img img{

    width: 100%;

}

.news_list_detail{

    width: 74%;

}

.news_list_title{

    font-size: 20px;

    color: #000;

}

.news_list_cont{

    font-size: 14px;

    color: #202020;

    line-height: 22px;

    margin-top: 14px;

    text-indent: 2em;

    text-align: justify;

}

.news_list_time_box{

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

    align-items: center;

}

.news_list_time{

    display: flex;

    justify-content: space-between;

    color: #999999;

    font-size: 13px;

}

.news_list_time div:first-child{

    margin-right: 20px;

}

.news_list_time div>span{

    margin-right: 6px;

}

.news_list_release{

    display: flex;

    align-items: center;

}

.news_list_release div{

    width: 40px;

    height: 40px;

    border-radius: 50%;

    overflow: hidden;

    margin-right: 10px;

}

.news_list_release div img{

    width: 100%;

    height: 100%;

    display: block;

}

.news_list_release p{

    font-size: 14px;

    color: #393939;

}

.news_list_time>div{

    display: flex;

    align-items: center;

}

/*新闻资讯结束*/

/*关于我们*/

.abputus_info_box{

    display: flex;

    justify-content: space-between;

    background: #fff;

    margin-top: 100px;

    border-radius: 4px;

    overflow: hidden;

}

.abputus_info_img{

    width: 46%;

}

.abputus_info_img>img{

    width: 100%;

}

.abputus_info_text{

    width: 46%;

    text-align: right;

    padding-top: 20px;

    padding-right: 20px;

}

.abputus_info_title h4{

    font-size: 22px;

    color: #000;

    letter-spacing: 1px;

}

.abputus_info_title p{

    font-size: 24px;

    color: #000;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin-top: 30px;

    position: relative;

    font-family: Constantia;

}

.abputus_info_title p:after{

    content: '';

    position: absolute;

    right: 0;

    bottom: -30px;

    width: 100px;

    height: 2px;

    background: #019e97;

}

.abputus_info_text div{

    font-size: 16px;

    color: #6a6a6a;

    line-height: 22px;

    margin-top: 30px;

}

.abputus_info_detail{

    padding-right: 120px;

    text-indent: 2em;

    margin-top: 36px !important;

    line-height: 30px !important;

}

.we_advantage_cont{

    margin-top: 100px;

    background: #fff;

}

.we_advantage_title{

    padding-top: 50px;

}

.we_advantage_title h4{

    font-size: 22px;

    color: #000;

    letter-spacing: 1px;

    position: relative;

}

.we_advantage_title h4:after{

    content: '';

    position: absolute;

    left: 0;

    bottom: -16px;

    width: 40px;

    height: 2px;

    background: #019e97;

}

.we_advantage_title>p{

    font-size: 24px;

    color: #c9cbd1;

    text-transform: uppercase;

    letter-spacing: 4px;

    margin-top: 20px;

    font-family: Constantia;

}

.we_advantage_list_box{

    display: flex;

    justify-content: space-between;

    transform: translate(0,50%);

    flex-wrap: wrap;

}

.we_advantage_list{

    width: 20%;

    background: #fff;

    border-radius: 2px;

    padding: 0 0 100px;

    box-shadow: 0px 0px 10px -3px #ccc;

    text-align: center;

    transition: all .3s;

}

.we_advantage_list>span{

    font-size: 40px;

    color: #019e97;

    transition: all .3s;

}

.we_advantage_list>img{ 
    width: 100%;
    height: 200px;
    background: gray;
    display: block;
    margin-bottom: 40px
}

.we_advantage_list>h4{

    font-size: 16px;

    color: #000;

    margin-top: 10px;

    transition: all .3s;

}

.we_advantage_list>p{

    color: #818181;

    font-size: 14px;

    margin-top: 10px;

    transition: all .3s;

}

.we_advantage_list:hover{

    background:#019e97;

}

.we_advantage_list:hover span,.we_advantage_list:hover h4 ,.we_advantage_list:hover p{

    color: #fff;

}

.we_strength_box{

    margin-top: 200px;

}

.we_strength_box .we_advantage_title{

    text-align: center;

}

.we_strength_box .we_advantage_title h4:after{

    left: 50%;

    margin-left: -20px;

}

.we_strength_info{

    position: relative;

    margin-top: 40px;

}

.we_strength_info:after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(000,000,000,.6);

    z-index: 1;

}

.we_strength_list{

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 100%;

}

.we_strength_list div{

    width: 22%;

    text-align: center;

    color: #fff;

}

.we_strength_info_cont{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

}

.we_strength_info_cont .container{

    height: 100%;

}

.we_strength_list div h4{

    font-size: 40px;

    font-family: 方正报宋简体;

    letter-spacing: 1px;

}

.we_strength_list div h4 span{

    margin-left: 12px;

    font-size: 16px;

}

.we_strength_list div p{

    font-size: 16px;

    margin-top: 30px;

    letter-spacing: 1px;

}

.about_footer_img{

    text-align: center;

    margin-top: 100px;

    margin-bottom: 30px;

}

.about_footer_img img{

    width: 100%;

}

/*g关于我们结束*/

/*联系我们*/

.contactus_box .breadcrumb{

    background-color: #fff;

}

.contact_information_title{

    font-size: 20px;

    color: #000;

    display: flex;

    align-items: center;

}

.contact_information_title i{

    display: block;

    width: 30px;

    height: 18px;

    margin-left: 8px;

}

.contact_information_title i img{

    width: 100%;

    display: block;

}

.contact_information_box p{

    color: #bdbdbd;

    text-transform: uppercase;

    letter-spacing: 3px;

    padding-left: 10px;

    border-bottom: 1px solid #019e97;

    display: inline-block;

    padding-right: 30px;

    line-height: 30px;

}

.scan_code{

    display: flex;

    justify-content: center;

    margin-top: 50px;

}

.scan_code>div:first-child{

    margin-right: 60px;

}

.scan_code>div{

    text-align: center;

}

.scan_code_img{

    width: 120px;

    height: 120px;

}

.scan_code_img{

    width: 100%;

    display: block;

}

.scan_code_name{

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 20px;

}

.scan_code_name span{

    width: 32px;

    height: 32px;

    display: block;

    margin-right: 6px;

}

.scan_code_name span img{

    width: 100%;

    display: block;

}

.contact_information_list_box{

    margin-top: 50px;

}

.contact_information_list_box div{

    height: 30px;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    font-size: 14px;

    color: #4c4c4c;

}

.contact_information_list_box div span{

    color: #818181;

    margin-left: 20px;

}

.contact_information_list_box div i{

    font-size: 26px;

    margin-right: 10px;

    color: #019e97;

}

.dianhua i{

    transform: translate(-4px);

    margin-right: 4px !important;

}

.contactus_map{

    margin-top:40px;

}

.map_box{

    width: 100%;

    height: 300px;

}

.message_box{

    margin-top: 40px;

}

.message_text{

    display: flex;

    justify-content: space-between;

}

.message_text>div{

    width: 48%;

}

.message_text_left {

    padding: 20px 40px;

}

.message_text_left>div{

    display: flex;

    align-items: center;

    margin-top: 10px;

}

.message_text_left>div>div{

    width: 20%;

    text-align: center;

}

.message_name>p{

    font-weight: 600;

}

.message_name>span{

    text-transform: uppercase;

    font-size: 12px;

    color: #b1b1b1;

}

.message_text_left>div input{

    outline: none !important;

    border: none;

    background: #eeeeee;

    font-size: 14px;

    width: 80%;

    box-shadow: 0 0 6px 0px #ccc inset;

}

.message_text_left>div input{

    border: none !important;

}

.message_text_right{

    padding: 30px 40px;

    display: flex;

}

.message_text_right>div{

    width: 20%;

    text-align: center;

}

.message_text_right>textarea{

    width: 80%;

    border: 0;

    background: #eeeeee;

    border-radius: .25rem;

    padding: 6px;

    font-size: 14px;

    box-shadow: 0 0 6px 0px #ccc inset;

}

.submit_btn{

    width: 100px;

    height: 30px;

    text-align: center;

    line-height: 29px;

    background: #337ab7;

    color: #fff;

    margin: 20px auto 0;

    display: block;

}

.contactus_footer{

    margin-top: 80px;

}

/*联系我们结束*/

/*案例详情*/

.casedetail_list_box{

    margin-top: 50px;

}

.case_detail_info_box{

    background: #fff;

    margin-top: 30px;

    box-shadow: 0 0 10px -3px #ccc;

    padding: 30px 30px 50px;

}

.case_detail_info_title{

    font-size: 20px;

    color: #000;

    position: relative;

    padding-left: 10px;

    letter-spacing: 1px;

}

.case_detail_info_title:after{

    content: '';

    position: absolute;

    top: 3px;

    bottom: 2px;

    left: 0;

    width: 4px;

    background: #019e97;

}

.case_detail_release_info{

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

    align-items: center;

}

.case_detail_release_name{

    display: flex;

    align-items: center;

    font-size: 14px;

    color: #393939;

}

.case_detail_release_name>span{

    display: block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    overflow: hidden;

    margin-right: 10px;

}

.case_detail_release_name>span img{

    width: 100%;

    height: 100%;

    display: block;

}

.case_detail_release_time{

    display: flex;

    justify-content: space-between;

    color: #999999;

    font-size: 13px;

}

.case_detail_release_time>div:first-child{

    margin-right: 20px;

}

.case_detail_release_time>div{

    display: flex;

    align-items: center;

}

.case_detail_release_time>div span{

    margin-right: 6px;

}

.case_detail_info{

    margin-top: 40px;

}

.case_detail_info>p{

    color: #202020;

    font-size: 14px;

    line-height: 24px;

    text-indent: 2em;

    text-align: justify;

    margin-bottom: 20px;

}

.case_detail_info>div{

    margin-bottom: 20px;

}

.case_detail_info>div p{

    font-size: 14px;

    color: #8f8f8f;

    text-align: center;

    margin-top: 6px;

}

.product_detail_img_box img{

    width: 100%;

    height: 100%;

}

.product_detail_img_box .swiper-button-white{

    background-color: rgba(000,000,000,.6);

    padding: 10px 10px;

    box-sizing: content-box;

}

.product_detail_img_box .gallery-thumbs .swiper-slide{

    height: 120px;

}

.product_detail{

    padding: 30px 20px 0;

}

.product_detail>h3{

    font-size: 18px;

    color: #000;

    letter-spacing: 1px;

}

.product_detail>p{

    font-size: 12px;

    color: #8e8e8e;

    margin-top: 20px;

    letter-spacing: 1px;

}

.product_enterprise_name{

    display: flex;

    align-items: center;

    color: #5b5b5e;

    margin-top: 30px;

}

.product_enterprise_name>span{

    height: 40px;

    width: 40px;

    border-radius: 50%;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #fff;

    margin-right: 10px;

    font-size: 14px;

}

.product_enterprise_name>span img{

    width: 100%;

}

.product_detail_box{

    overflow: hidden;

    margin-top: 30px;

}

.product_detail_price{

    font-size: 16px;

    text-align: right;

    margin-top: 100px;

}

.product_detail_price del{

    margin-right: 20px;

    color: #9f9f9f;

    font-size: 15px;

    letter-spacing: 1px;

}

.product_detail_price span{

    display: inline-block;

    padding: 6px 10px;

    background: red;

    color: #fff;

    font-size: 15px;

    letter-spacing: 1px;

    border-radius: 2px;

}

.product_detail_cont{

    background: #fff;

    padding: 30px 20px 20px;

    margin-top: 50px;

    border-radius: 6px;

}

.product_detail_cont>div{

    text-align: center;

}

.product_detail_cont>div img{

    max-width: 100%;

}

.product_detail_cont>h4{

    font-size: 16px;

    color: #8e8e93;

    text-align: center;

}

.product_detail_cont>p{

    text-indent: 2em;

    line-height: 22px;

    color: #8e8e93;

}

.footer_related_news{

    margin-top: 50px;

}

.footer_related_news .hoem_product_title{

    margin-bottom: 30px;

}

.footer_related_url>p{

    padding: 10px 20px;

    text-align: left;

    font-size: 14px;

    line-height: 22px;

    letter-spacing: 1px;

}